<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Index Page - SpErk Admin</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <meta name="description" content="overview &amp; stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/assets/font-awesome/4.5.0/css/font-awesome.min.css}"/>
    <!-- page specific plugin styles -->
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap-duallistbox.min.css}"/>
    <!-- text fonts -->
    <link rel="stylesheet" th:href="@{/assets/css/fonts.googleapis.com.css}"/>
    <!-- ace styles -->
    <link rel="stylesheet" th:href="@{/assets/css/ace.min.css}" class="ace-main-stylesheet" id="main-ace-style"/>
    <!--[if lte IE 9]>
    <link rel="stylesheet" th:href="@{/assets/css/ace-part2.min.css}" class="ace-main-stylesheet"/>
    <![endif]-->
    <link rel="stylesheet" th:href="@{/assets/css/ace-skins.min.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/ace-rtl.min.css}"/>
    <!--[if lte IE 9]>
    <link rel="stylesheet" th:href="@{/assets/css/ace-ie.min.css}"/>
    <![endif]-->

    <!-- inline styles related to this page -->
    <!-- ace settings handler -->
    <script th:src="@{/assets/js/ace-extra.min.js}"></script>
    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
    <!--[if lte IE 8]>
    <script th:src="@{/assets/js/html5shiv.min.js}"></script>
    <script th:src="@{/assets/js/respond.min.js}"></script>
    <![endif]-->
</head>
<body class="no-skin">
<div id="navbar" class="navbar navbar-default ace-save-state">
    <div class="navbar-container ace-save-state" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="navbar-header pull-left">
            <a href="../index.html" class="navbar-brand">
                <small><i class="fa fa-leaf"></i> SpErk Application Admin</small>
            </a>
        </div>
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <!-- 系统消息展示标签 -->
                <li class="grey dropdown-modal">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-tasks"></i>
                        <span class="badge badge-grey">4</span>
                    </a>
                    <!-- 系统消息内容标签 -->
                    <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-check"></i>
                            4 Tasks to complete
                        </li>
                        <li class="dropdown-content">
                            <ul class="dropdown-menu dropdown-navbar">
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Software Update</span>
                                            <span class="pull-right">65%</span>
                                        </div>
                                        <div class="progress progress-mini">
                                            <div style="width:65%" class="progress-bar"></div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Hardware Upgrade</span>
                                            <span class="pull-right">35%</span>
                                        </div>

                                        <div class="progress progress-mini">
                                            <div style="width:35%" class="progress-bar progress-bar-danger"></div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Unit Testing</span>
                                            <span class="pull-right">15%</span>
                                        </div>

                                        <div class="progress progress-mini">
                                            <div style="width:15%" class="progress-bar progress-bar-warning"></div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Bug Fixes</span>
                                            <span class="pull-right">90%</span>
                                        </div>

                                        <div class="progress progress-mini progress-striped active">
                                            <div style="width:90%" class="progress-bar progress-bar-success"></div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="dropdown-footer">
                            <a href="#">
                                See tasks with details
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- 系统提醒展示标签 -->
                <li class="purple dropdown-modal">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-bell icon-animated-bell"></i>
                        <span class="badge badge-important">8</span>
                    </a>
                    <!-- 系统提醒内容标签 -->
                    <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-exclamation-triangle"></i>
                            8 Notifications
                        </li>

                        <li class="dropdown-content">
                            <ul class="dropdown-menu dropdown-navbar navbar-pink">
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
														New Comments
													</span>
                                            <span class="pull-right badge badge-info">+12</span>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="btn btn-xs btn-primary fa fa-user"></i>
                                        Bob just signed up as an editor ...
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
														New Orders
													</span>
                                            <span class="pull-right badge badge-success">+8</span>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
														Followers
													</span>
                                            <span class="pull-right badge badge-info">+11</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="dropdown-footer">
                            <a href="#">
                                See all notifications
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- 邮件消息提醒展示标签 -->
                <li class="green dropdown-modal">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
                        <span class="badge badge-success">5</span>
                    </a>
                    <!-- 邮件消息提醒内容标签 -->
                    <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header"><i class="ace-icon fa fa-envelope-o"></i>5 Messages</li>
                        <li class="dropdown-content">
                            <ul class="dropdown-menu dropdown-navbar">
                                <li>
                                    <a href="#" class="clearfix">
                                        <!--<img src="assets/images/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar"/>-->
                                        <span class="msg-body">
                                            <span class="msg-title"><span class="blue">Alex:</span>Ciao sociis natoque penatibus et auctor ...</span>
                                            <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>a moment ago</span></span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="clearfix">
                                        <!--<img src="assets/images/avatars/avatar3.png" class="msg-photo"alt="Susan's Avatar"/>-->
                                        <span class="msg-body">
                                            <span class="msg-title"><span class="blue">Susan:</span>Vestibulum id ligula porta felis euismod ...</span>
                                            <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>20 minutes ago</span></span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="clearfix">
                                        <!--<img src="assets/images/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar"/>-->
                                        <span class="msg-body">
                                            <span class="msg-title"><span class="blue">Bob:</span>Nullam quis risus eget urna mollis ornare ...</span>
                                            <span class="msg-time"><i
                                                    class="ace-icon fa fa-clock-o"></i><span>3:15 pm</span></span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="clearfix">
                                        <!--<img src="assets/images/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar"/>-->
                                        <span class="msg-body">
                                            <span class="msg-title"><span class="blue">Kate:</span>Ciao sociis natoque eget urna mollis ornare ...</span>
                                            <span class="msg-time"><i
                                                    class="ace-icon fa fa-clock-o"></i><span>1:33 pm</span></span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="clearfix">
                                        <!--<img src="assets/images/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar"/>-->
                                        <span class="msg-body">
                                            <span class="msg-title"><span class="blue">Fred:</span>Vestibulum id penatibus et auctor  ...</span>
                                            <span class="msg-time"><i
                                                    class="ace-icon fa fa-clock-o"></i><span>10:09 am</span></span>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown-footer"><a href="inbox.html">See all messages<i
                                class="ace-icon fa fa-arrow-right"></i></a></li>
                    </ul>
                </li>
                <!-- 头像区域 -->
                <li class="light-blue dropdown-modal">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" th:src="@{/assets/images/avatars/user.jpg}" alt="Jason's Photo"/>
                        <span class="user-info"><small>欢迎,</small><i th:text="${admin.userName}"></i>
                            <i class="ace-icon fa fa-caret-down"></i></span>
                    </a>
                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li><a href="#"><i class="ace-icon fa fa-cog"></i>Settings</a></li>
                        <li><a href="profile.html"><i class="ace-icon fa fa-user"></i>Profile</a></li>
                        <li class="divider"></li>
                        <li><a th:href="@{/logout}"><i class="ace-icon fa fa-power-off"></i>Logout</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.loadState('main-container')
        } catch (e) {
        }
    </script>
    <div id="sidebar" class="sidebar responsive ace-save-state">
        <script type="text/javascript">
            try {
                ace.settings.loadState('sidebar')
            } catch (e) {
            }
        </script>
        <!-- 头部快捷链接 -->
        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
            <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                <button class="btn btn-success">
                    <i class="ace-icon fa fa-signal"></i>
                </button>
                <button class="btn btn-info">
                    <i class="ace-icon fa fa-pencil"></i>
                </button>
                <button class="btn btn-warning">
                    <i class="ace-icon fa fa-users"></i>
                </button>
                <button class="btn btn-danger">
                    <i class="ace-icon fa fa-cogs"></i>
                </button>
            </div>
            <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                <span class="btn btn-success"></span>
                <span class="btn btn-info"></span>
                <span class="btn btn-warning"></span>
                <span class="btn btn-danger"></span>
            </div>
        </div><!-- /.sidebar-shortcuts -->
        <!-- 字典列表 -->
        <ul class="nav nav-list">
            <li th:each="menu:${menuVS}">
                <a th:href="${menu.url}" th:class="@{dropdown-toggle}">
                    <i th:class="' menu-icon ' + ${menu.icon} "></i>
                    <span class="menu-text" th:text="${menu.name}"></span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <ul class="submenu">
                    <li class="" th:each="subMenu:${menu.subMenus}">
                        <a th:href="'/micoUSC'+ ${subMenu.url}" target="_self">
                            <i th:class="' menu-icon ' + ${subMenu.icon}"></i><span th:text="${subMenu.name}"/>
                            <b class="arrow"></b>
                        </a>
                    </li>
                </ul>
            </li>
        </ul><!-- /.nav-list -->
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
               data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
    </div>
    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">主界面</a>
                    </li>
                    <li class="active">消息队列管理</li>
                </ul><!-- /.breadcrumb -->
            </div>
            <input type="hidden" id="errCodeVal" th:value="${errMsg.code}" />
            <div class="alert alert-block alert-success" id="succMsgDiv" style="display: none">
                <button class="close" type="button" data-dismiss="alert"><i class="ace-icon fa fa-times red"></i></button>
                <i class="ace-icon fa fa-check green"></i> 请求处理成功 <small th:text="${errMsg.code}"></small>
                <strong class="green" th:text="${errMsg.msg}"></strong>
            </div>
            <div class="alert alert-block alert-danger red" id="errMsgDiv" style="display: none">
                <button class="close" type="button" data-dismiss="alert"><i class="ace-icon fa fa-times red"></i></button>
                <i class="ace-icon fa fa-times bigger-110 red"></i> 请求处理失败 <small id="errCodeText" th:text="${errMsg.code}"></small>
                <strong class="warning" th:text="${errMsg.msg}" id="errMsgText"></strong>
            </div>
            <div class="page-content">
                <!-- 悬浮工具栏 -->
                <div class="ace-settings-container" id="ace-settings-container">
                    <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                        <i class="ace-icon fa fa-cog bigger-130"></i>
                    </div>
                    <div class="ace-settings-box clearfix" id="ace-settings-box">
                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <div class="pull-left">
                                    <select id="skin-colorpicker" class="hide">
                                        <option data-skin="no-skin" value="#438EB9">#438EB9</option>
                                        <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                        <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                        <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                    </select>
                                </div>
                                <span>&nbsp; 更换颜色 </span>
                            </div>
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-navbar" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-navbar"> 固定导航栏 </label>
                            </div>
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-sidebar" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-sidebar"> 固定边栏 </label>
                            </div>
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-breadcrumbs" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-breadcrumbs"> 固定面包屑 </label>
                            </div>
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-rtl"> 镜像</label>
                            </div>
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-add-container" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-add-container">
                                    内边距 <b>页面居中</b>
                                </label>
                            </div>
                        </div><!-- /.pull-left -->
                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-hover"> 悬停显示子字典</label>
                            </div>
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-compact"> 紧凑侧边栏 </label>
                            </div>
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-highlight"> 允许所有控件</label>
                            </div>
                        </div><!-- /.pull-left -->
                    </div><!-- /.ace-settings-box -->
                </div><!-- /.ace-settings-container -->
                <!-- 页面内容 -->
                <div class="page-header">
                    <h1>主页面
                        <a th:href="@{/ampq/initSystemMQ}" target="_self"><small><i class="ace-icon fa fa-angle-double-right"></i>&nbsp; 消息队列管理</small></a>
                    </h1>
                </div><!-- /.page-header -->

                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <!-- 消息队列列表 -->
                        <div class="row">
                            <div class="col-sm-12 widget-container-col ui-sortable" id="widget-container-col-10">
                                <ul id="myTab" class="nav nav-tabs">
                                    <li><a href="#emai" data-toggle="tab">Email队列消息</a></li>
                                    <li><a href="#sms" data-toggle="tab">SMS短信消息</a></li>
                                    <li class="dropdown">
                                        <a href="#" id="myTabDrop1" class="dropdown-toggle"
                                           data-toggle="dropdown">定时任务消息<b class="caret"></b>
                                        </a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                                            <li><a href="#qutzjb" tabindex="1" data-toggle="tab">定时任务消息</a></li>
                                            <li><a href="#singlejb" tabindex="-1" data-toggle="tab">单次任务消息</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div class="tab-pane fade in active" id="home">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12">
                                                <div class="widget-box form-group">
                                                    <div class="widget-header">
                                                        <h4 class="widget-title"><p><Strong>RabbitMQ is the most widely deployed open source message broker.</Strong></p></h4>
                                                    </div>
                                                    <div class="widget-body">
                                                        <div class="widget-main">
                                                            <div>
                                                                <p>With more than 35,000 production deployments of RabbitMQ world-wide at small startups and large enterprises, RabbitMQ is the most popular open source message broker.
                                                                    RabbitMQ is lightweight and easy to deploy on premises and in the cloud. It supports multiple messaging protocols. RabbitMQ can be deployed in distributed and federated configurations to meet high-scale, high-availability requirements.
                                                                    RabbitMQ runs on many operating systems and cloud environments, and provides a wide range of developer tools for most popular languages.
                                                                    See how other people are using RabbitMQ: </p>
                                                            </div>
                                                            <hr />
                                                            <div>
                                                                <p>RabbitMQ在全球范围内在小型初创企业和大型企业部署了35000多个产品，是最受欢迎的开源消息代理。rabbitmq重量轻，易于在内部和云中部署。它支持多种消息协议。rabbitmq可以部署在分布式和联邦配置中，以满足高规模、高可用性要求。rabbitmq运行在许多操作系统和云环境中，并为最流行的语言提供广泛的开发工具。了解其他人如何使用rabbitmq：</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.span -->
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="emai">
                                        <p></p>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="widget-box">
                                                    <div class="widget-header">
                                                        <h4 class="widget-title">邮件信息内容</h4>
                                                        <div class="widget-toolbar">
                                                            <a href="#" data-action="collapse"><i class="ace-icon fa fa-chevron-up"></i></a>
                                                            <a href="#" data-action="close"><i class="ace-icon fa fa-times"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="widget-body">
                                                        <div class="widget-main">
                                                            <!-- PAGE CONTENT BEGINS -->
                                                            <form class="form-horizontal" role="form" th:action="@{'/ampq/sendEMAILMsg'}" method="post" id="sendEMAILMsgForm">
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-10"> 收件人地址 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-10" name="mailTo" placeholder="收件人地址" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="space-4"></div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-11"> 抄送人地址 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-11" name="mailCc" placeholder="抄送人地址" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="space-4"></div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-12"> 邮件主题 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-12" name="mailSubject" placeholder="邮件主题" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="space-4"></div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-13"> 正文 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <textarea id="form-field-13" class="autosize-transition form-control" name="mailContent" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 102px;"></textarea>
                                                                    </div>
                                                                </div>
                                                                <div class="hr hr-24"></div>
                                                                <div class="clearfix form-actions">
                                                                    <div class="col-md-offset-3 col-md-9">
                                                                        <button class="btn btn-info" type="submit" ><i class="ace-icon fa fa-check bigger-110"></i>Submit</button>
                                                                        &nbsp; &nbsp; &nbsp;
                                                                        <button class="btn" type="reset"><i class="ace-icon fa fa-undo bigger-110"></i>Reset</button>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="sms">
                                        <p>jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序，用于负载和性能测试。</p>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="widget-box">
                                                    <div class="widget-header">
                                                        <h4 class="widget-title">短信信息内容</h4>
                                                        <div class="widget-toolbar">
                                                            <a href="#" data-action="collapse"><i class="ace-icon fa fa-chevron-up"></i></a>
                                                            <a href="#" data-action="close"><i class="ace-icon fa fa-times"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="widget-body">
                                                        <div class="widget-main">
                                                            <!-- PAGE CONTENT BEGINS -->
                                                            <form class="form-horizontal" role="form" th:action="@{'/ampq/sendSMSMsg'}" method="post" id="sendSMSMsgForm">
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-20"> 消息手机号 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-20" name="inPhoneNumber" placeholder="消息手机号" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>

                                                                <div class="space-4"></div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-21"> 短信内容 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <textarea id="form-field-21" class="autosize-transition form-control" name="smsContent" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 102px;"></textarea>
                                                                    </div>
                                                                </div>
                                                                <div class="hr hr-24"></div>
                                                                <div class="clearfix form-actions">
                                                                    <div class="col-md-offset-3 col-md-9">
                                                                        <button class="btn btn-info" type="submit"><i class="ace-icon fa fa-check bigger-110"></i>Submit</button>
                                                                        &nbsp; &nbsp; &nbsp;
                                                                        <button class="btn" type="reset"><i class="ace-icon fa fa-undo bigger-110"></i>Reset</button>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="qutzjb">
                                        <input type="hidden" id="cronHrefUrl" th:value="@{/assets/cronExpIndex.htm}" />
                                        <p>Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。<a name="alertCronDiv">Cron表达式生成器</a></p>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="widget-box">
                                                    <div class="widget-header">
                                                        <h4 class="widget-title">计划任务信息内容</h4>
                                                        <div class="widget-toolbar">
                                                            <a href="#" data-action="collapse"><i class="ace-icon fa fa-chevron-up"></i></a>
                                                            <a href="#" data-action="close"><i class="ace-icon fa fa-times"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="widget-body">
                                                        <div class="widget-main">
                                                            <!-- PAGE CONTENT BEGINS -->
                                                            <form class="form-horizontal" role="form" th:action="@{'/ampq/sendQUARTZMsg'}" method="post" id="sendQUARTZMsgForm">
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-30"> 任务名称 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-30" name="cronName" placeholder="任务名称" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-31"> 任务类型 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-31" name="cronClass" placeholder="任务类型" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-32"> 任务执行条件 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-32" name="cronTriger" placeholder="任务执行条件" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-33"> 任务执行方式 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <select id="form-field-33" name="cronScheduFlg" placeholder="任务执行方式" class="col-xs-10 col-sm-5">
                                                                            <option value="0" th:text="单次运行" ></option>
                                                                            <option value="1" th:text="定时任务运行" selected></option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-34"> 任务执行脚本 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-34" name="cronExp" placeholder="Cron表达式" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>

                                                                <div class="hr hr-24"></div>
                                                                <div class="clearfix form-actions">
                                                                    <div class="col-md-offset-3 col-md-9">
                                                                        <button class="btn btn-info" type="submit"><i class="ace-icon fa fa-check bigger-110"></i>Submit</button>
                                                                        &nbsp; &nbsp; &nbsp;
                                                                        <button class="btn" type="reset"><i class="ace-icon fa fa-undo bigger-110"></i>Reset</button>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">

                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="singlejb">
                                        <p>这是一个标签 <a name="alertCronDiv">Cron表达式生成器</a></p>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="widget-box">
                                                    <div class="widget-header">
                                                        <h4 class="widget-title">计划任务信息内容</h4>
                                                        <div class="widget-toolbar">
                                                            <a href="#" data-action="collapse"><i class="ace-icon fa fa-chevron-up"></i></a>
                                                            <a href="#" data-action="close"><i class="ace-icon fa fa-times"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="widget-body">
                                                        <div class="widget-main">
                                                            <!-- PAGE CONTENT BEGINS -->
                                                            <form class="form-horizontal" role="form" th:action="@{'/ampq/sendQUARTZMsg'}" method="post">
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-40"> 任务名称 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-40" name="cronName" placeholder="任务名称" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-41"> 任务类型 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-41" name="cronClass" placeholder="任务类型" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-42"> 任务执行条件 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-42" name="cronTriger" placeholder="任务执行条件" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-43"> 任务执行方式 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <select id="form-field-43" name="cronScheduFlg" placeholder="任务执行方式" class="col-xs-10 col-sm-5">
                                                                            <option value="0" th:text="单次运行" selected></option>
                                                                            <option value="1" th:text="定时任务运行" ></option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-44"> 任务执行脚本 Field </label>
                                                                    <div class="col-sm-9">
                                                                        <input type="text" id="form-field-44" name="cronExp" placeholder="Cron表达式" class="col-xs-10 col-sm-5">
                                                                    </div>
                                                                </div>

                                                                <div class="hr hr-24"></div>
                                                                <div class="clearfix form-actions">
                                                                    <div class="col-md-offset-3 col-md-9">
                                                                        <button class="btn btn-info" type="button"><i class="ace-icon fa fa-check bigger-110"></i>Submit</button>
                                                                        &nbsp; &nbsp; &nbsp;
                                                                        <button class="btn" type="reset"><i class="ace-icon fa fa-undo bigger-110"></i>Reset</button>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <!-- 数据分栏行 -->
                        <div class="hr hr32 hr-dotted"></div>
                        <div class="row">
                            <div class="col-xs-12" style="height:320px;overflow:auto;">

                            </div><!-- /.span -->
                        </div>
                        <!-- 数据分栏行 -->
                        <div class="hr hr32 hr-dotted"></div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                    <div class="hr hr32 hr-dotted"></div>
                    <!-- 页面内容终止位 -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div class="footer">
        <div class="footer-inner">
            <div class="footer-content">
                <span class="bigger-120"><span class="blue bolder">Ace</span>Application &copy; 2013-2014</span>
                &nbsp; &nbsp;
                <span class="action-buttons">
							<a href="#"><i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i></a>
							<a href="#"><i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i></a>
							<a href="#"><i class="ace-icon fa fa-rss-square orange bigger-150"></i></a>
                </span>
            </div>
        </div>
    </div>
    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"><i
            class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i></a>
</div><!-- /.main-container -->
<!-- basic scripts -->
<!--[if !IE]> -->
<script th:src="@{/assets/js/jquery-2.1.4.min.js}"></script>
<!-- <![endif]-->
<!--[if IE]>
<script th:src="@{/assets/js/jquery-1.11.3.min.js}"></script>
<![endif]-->
<script type="text/javascript">
    if ('ontouchstart' in document.documentElement) document.write("<script src='/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<!-- page specific plugin scripts -->
<script th:src="@{/assets/js/jquery.bootstrap-duallistbox.min.js}"></script>
<script th:src="@{/assets/js/jquery.dataTables.min.js}"></script>
<script th:src="@{/assets/js/jquery.dataTables.bootstrap.min.js}"></script>
<script th:src="@{/assets/js/dataTables.buttons.min.js}"></script>
<script th:src="@{/assets/js/dataTables.select.min.js}"></script>
<!-- ace scripts -->
<script th:src="@{/assets/js/ace-elements.min.js}"></script>
<script th:src="@{/assets/js/ace.min.js}"></script>
<!-- inline scripts related to this page -->
<!-- Layer scripts -->
<script th:src="@{/assets/layer/layer.js}"></script>
<script type="text/javascript">
    jQuery(function ($) {
        var errCodeVal = $("#errCodeVal").val();
        if (errCodeVal != 0) {
            if (errCodeVal == 200) {
                $("#succMsgDiv").slideToggle("slow");
            } else {
                $("#errMsgDiv").slideToggle("slow");
            }
        }
        $('#myTab a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
        $("a[name='alertCronDiv']").click(function () {
            var hrefUrl = $("#cronHrefUrl").val();
            layer.open({
                type: 2,
                title: false,
                area: ['850px', '580px'],
                shade: 0.8,
                closeBtn: 1,
                shadeClose: true,
                content: [hrefUrl,'no']
            });
        })
        $("#sendEMAILMsgForm").submit(function () {
            $("#errMsgDiv").hide();
            $("#succMsgDiv").hide();
            var data = $("#sendEMAILMsgForm").serialize();
            submitAMPQJsonP($("#sendEMAILMsgForm").attr("action"),data);
            return false;
        })
        $("#sendSMSMsgForm").submit(function () {
            $("#errMsgDiv").hide();
            $("#succMsgDiv").hide();
            var data = $("#sendSMSMsgForm").serialize();
            submitAMPQJsonP($("#sendSMSMsgForm").attr("action"),data);
            return false;
        })
        $("#sendQUARTZMsgForm").submit(function () {
            $("#errMsgDiv").hide();
            $("#succMsgDiv").hide();
            var data = $("#sendQUARTZMsgForm").serialize();
            submitAMPQJsonP($("#sendQUARTZMsgForm").attr("action"),data);
            return false;
        })
    });
    function submitAMPQJsonP(url,data) {
        var data = data;
        $.ajax({
            url: url,
            type: "POST",
            data: data,
            dataType: "jsonp",  //指定服务器返回的数据类型
            jsonp: "callback",   //指定参数名称
            jsonpCallback: "reloadPage",  //指定回调函数名称
            success: function (data) {
                console.info("调用success");
            }
        });
    }
    function reloadPage(obj) {
        var msg = eval(obj)
        if (msg.code != 200) {
            $("#succMsgDiv").hide("slow");
            $("#errCodeText").text(msg.code);
            $("#errMsgText").text(msg.msg);
            $("#errMsgDiv").show("slow");
        } else {
            $("#errMsgDiv").hide();
            $("#errCodeText").text(msg.code);
            $("#errMsgText").text(msg.msg);
            $("#succMsgDiv").show("slow");
        }
    }
</script>
</body>
</html>
